<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>LGL服务后台管理系统</title>
    <meta name="description" content="LGL Service">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="staticFile/css/bootstrap.min.css">
    <link rel="stylesheet" href="staticFile/css/fonts/font-awesome.min.css">
    <!-- page specific plugin styles -->
    <!-- text fonts -->
    <link rel="stylesheet" href="staticFile/css/fonts/fonts.googleapis.com.css">
    <link rel="stylesheet" href="staticFile/css/bootstrap.addtabs.css">
    <!-- ace styles -->
    <link rel="stylesheet" href="staticFile/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style">
    <link rel="stylesheet" href="staticFile/css/ace-skins.min.css">
    <link rel="stylesheet" href="staticFile/css/ace-rtl.min.css">
    <!-- ace settings handler -->
    <script async="" src="staticFile/js/analytics.js"></script>
    <script type="text/javascript" async="" src="staticFile/js/watch.js"></script>
    <script src="staticFile/js/ace-extra.min.js"></script>
    <style type="text/css">
        body{overflow:hidden;height: 658px;}
        @keyframes nodeInserted {from {outline-color: #fff}to{outline-color: #000}}
        @-moz-keyframes nodeInserted {from {outline-color: #fff}to {outline-color: #000}}
        @-webkit-keyframes nodeInserted {from {outline-color: #fff}to {outline-color: #000}}
        @-ms-keyframes nodeInserted {from {outline-color: #fff}to {outline-color: #000}}
        @-o-keyframes nodeInserted {from {outline-color: #fff}to {outline-color: #000}}
        .ace-save-state {
            animation-duration: 10ms;
            -o-animation-duration: 10ms;
            -ms-animation-duration: 10ms;
            -moz-animation-duration: 10ms;
            -webkit-animation-duration: 10ms;
            animation-delay: 0s;
            -o-animation-delay: 0s;
            -ms-animation-delay: 0s;
            -moz-animation-delay: 0s;
            -webkit-animation-delay: 0s;
            animation-name: nodeInserted;
            -o-animation-name: nodeInserted;
            -ms-animation-name: nodeInserted;
            -moz-animation-name: nodeInserted;
            -webkit-animation-name: nodeInserted
        }
        .col-xs-12{padding-left: 0;padding-right: 0;height: 100%;}
        .nav-tabs li a i,.nav-tabs li .close-tab{display: none;}
        button{
            outline: none;
            border: none;
        }
        #homeDiv,#mainFrame{height: 100%;}
        .cm-icon{margin-right: 8px;}
        .submenu .active .cm-icon{color: #D15B47;}
        .page-content{padding-bottom: 0px;}
        .tab-content{padding: 6px 12px;}
        .close-tab{padding-left: unset;}
        .infobox{height: 45px;padding: 0 0 0 8px;width: 276px;}
        .infobox>.infobox-data{top:8px;}
        .infobox-data span{display: unset !important;}
        .infobox>.stat:before{height: 14px;}
        .infobox>.icon{right: 8px;top:8px;font-size: 18px;line-height: 24px;height: 26px;}
    </style>
</head>
<body class="no-skin">
<div id="navbar" class="navbar navbar-default ace-save-state">
    <div class="navbar-container ace-save-state" id="navbar-container">
        <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
            <span class="sr-only">Toggle sidebar</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <div class="navbar-header pull-left">
            <a href="index.html" class="navbar-brand">
                <small>LGL后台管理系统</small>
            </a>
        </div>
        <!--订单总量统计-->
        <div class="infobox infobox-pink">
            <div class="infobox-icon">
                <i class="ace-icon fa fa-shopping-cart"></i>
            </div>
            <div class="infobox-data">
                <!--平台上的所有订单总量-->
                <span class="infobox-data-number">总:<strong id="orderTotal"></strong></span>
                <!--平台上今天生成的订单总量-->
                <span class="infobox-data-number">今:<strong id="orderTodayTotal"></strong></span>
            </div>
            <!--今天比昨天少多少单-->
            <div id="todayThanYesterday" class="stat stat-important icon"></div>
        </div>
        <!--用户总量统计-->
        <div class="infobox infobox-blue">
            <div class="infobox-icon">
                <i class="ace-icon glyphicon glyphicon-user"></i>
            </div>
            <div class="infobox-data">
                <span class="infobox-data-number">总:<strong id="appUserTotal"></strong></span>
                <span class="infobox-data-number">今:<strong id="userTodayTotal"></strong></span>
            </div>
            <div id="userMore" class="badge badge-success icon">
                <strong id="userToadyThanYesterday"></strong>
                <i id="userUpDown" class="ace-icon fa fa-arrow-down"></i>
            </div>
        </div>
        <div class="infobox infobox-blue2">
            <div class="infobox-progress" title="订单完成率">
                <div id="finishRate" class="easy-pie-chart percentage" data-percent="8" data-size="45">
                    <span id="finishRateValue" class="percent"></span>%
                    <canvas height="45" width="45"></canvas>
                </div>
            </div>
            <div class="infobox-data" style="top:0;">
                <span class="infobox-text">未抢：<strong id="noRobOrder"></strong></span>
                <span class="infobox-text">已抢：<strong id="robbedOrder"></strong></span><br>
                <span class="infobox-text">取消：<strong id="cancelOrder"></strong></span>
                <span class="infobox-text">过期：<strong id="expireOrder"></strong></span>
            </div>
        </div>
        <div class="navbar-buttons navbar-header pull-right" role="navigation">
            <ul class="nav ace-nav">
                <li class="grey dropdown-modal">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="ace-icon fa fa-tasks"></i>
                        <span class="badge badge-grey">4</span>
                    </a>

                    <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header">
                            <i class="ace-icon fa fa-check"></i>
                            4 Tasks to complete
                        </li>

                        <li class="dropdown-content ace-scroll" style="position: relative;">
                            <div class="scroll-track" style="display: none;">
                                <div class="scroll-bar"></div>
                            </div>
                            <div class="scroll-content" style="max-height: 200px;">
                                <ul class="dropdown-menu dropdown-navbar">
                                    <li>
                                        <a href="#">
                                            <div class="clearfix">
                                                <span class="pull-left">Software Update</span>
                                                <span class="pull-right">65%</span>
                                            </div>

                                            <div class="progress progress-mini">
                                                <div style="width:65%" class="progress-bar"></div>
                                            </div>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="http://ace.jeka.by/index.html#">
                                            <div class="clearfix">
                                                <span class="pull-left">Hardware Upgrade</span>
                                                <span class="pull-right">35%</span>
                                            </div>

                                            <div class="progress progress-mini">
                                                <div style="width:35%" class="progress-bar progress-bar-danger"></div>
                                            </div>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="http://ace.jeka.by/index.html#">
                                            <div class="clearfix">
                                                <span class="pull-left">Unit Testing</span>
                                                <span class="pull-right">15%</span>
                                            </div>

                                            <div class="progress progress-mini">
                                                <div style="width:15%" class="progress-bar progress-bar-warning"></div>
                                            </div>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#">
                                            <div class="clearfix">
                                                <span class="pull-left">Bug Fixes</span>
                                                <span class="pull-right">90%</span>
                                            </div>

                                            <div class="progress progress-mini progress-striped active">
                                                <div style="width:90%" class="progress-bar progress-bar-success"></div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="dropdown-footer">
                            <a href="#">
                                See tasks with details
                                <i class="ace-icon fa fa-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="purple dropdown-modal">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="ace-icon fa fa-bell icon-animated-bell"></i>
                        <span class="badge badge-important">8</span>
                    </a>

                    <ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header">
                            <i class="ace-icon fa fa-exclamation-triangle"></i>
                            8 Notifications
                        </li>

                        <li class="dropdown-content ace-scroll" style="position: relative;">
                            <div class="scroll-track" style="display: none;">
                                <div class="scroll-bar"></div>
                            </div>
                            <div class="scroll-content" style="max-height: 200px;">
                                <ul class="dropdown-menu dropdown-navbar navbar-pink">
                                    <li>
                                        <a href="http://ace.jeka.by/index.html#">
                                            <div class="clearfix">
                                                <span class="pull-left">
                                                    <i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
                                                    New Comments
                                                </span>
                                                <span class="pull-right badge badge-info">+12</span>
                                            </div>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="http://ace.jeka.by/index.html#">
                                            <i class="btn btn-xs btn-primary fa fa-user"></i>
                                            Bob just signed up as an editor ...
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#">
                                            <div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
														New Orders
													</span>
                                                <span class="pull-right badge badge-success">+8</span>
                                            </div>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#">
                                            <div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
														Followers
													</span>
                                                <span class="pull-right badge badge-info">+11</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="dropdown-footer">
                            <a href="#">
                                See all notifications
                                <i class="ace-icon fa fa-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="green dropdown-modal">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
                        <span class="badge badge-success">5</span>
                    </a>

                    <ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                        <li class="dropdown-header">
                            <i class="ace-icon fa fa-envelope-o"></i>
                            5 Messages
                        </li>

                        <li class="dropdown-content ace-scroll" style="position: relative;">
                            <div class="scroll-track" style="display: none;">
                                <div class="scroll-bar"></div>
                            </div>
                            <div class="scroll-content" style="max-height: 200px;">
                                <ul class="dropdown-menu dropdown-navbar">
                                    <li>
                                        <a href="#" class="clearfix">
                                            <img src="staticFile/avatars/avatar.png" class="msg-photo"
                                                 alt="Alex&#39;s Avatar">
                                            <span class="msg-body">
                                                <span class="msg-title">
                                                    <span class="blue">Alex:</span>
                                                    Ciao sociis natoque penatibus et auctor ...
                                                </span>

                                                <span class="msg-time">
                                                    <i class="ace-icon fa fa-clock-o"></i>
                                                    <span>a moment ago</span>
                                                </span>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="clearfix">
                                            <img src="staticFile/avatars/avatar3.png" class="msg-photo" alt="Susan&#39;s Avatar">
                                            <span class="msg-body">
                                                <span class="msg-title">
                                                    <span class="blue">Susan:</span>
                                                    Vestibulum id ligula porta felis euismod ...
                                                </span>

                                                <span class="msg-time">
                                                    <i class="ace-icon fa fa-clock-o"></i>
                                                    <span>20 minutes ago</span>
                                                </span>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="clearfix">
                                            <img src="staticFile/avatars/avatar4.png" class="msg-photo" alt="Bob&#39;s Avatar">
                                            <span class="msg-body">
                                                <span class="msg-title">
                                                    <span class="blue">Bob:</span>
                                                    Nullam quis risus eget urna mollis ornare ...
                                                </span>

                                                <span class="msg-time">
                                                    <i class="ace-icon fa fa-clock-o"></i>
                                                    <span>3:15 pm</span>
                                                </span>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="clearfix">
                                            <img src="staticFile/avatars/avatar2.png" class="msg-photo" alt="Kate&#39;s Avatar">
                                            <span class="msg-body">
                                                <span class="msg-title">
                                                    <span class="blue">Kate:</span>
                                                    Ciao sociis natoque eget urna mollis ornare ...
                                                </span>

                                                <span class="msg-time">
                                                    <i class="ace-icon fa fa-clock-o"></i>
                                                    <span>1:33 pm</span>
                                                </span>
                                            </span>
                                        </a>
                                    </li>

                                    <li>
                                        <a href="#" class="clearfix">
                                            <img src="staticFile/avatars/avatar5.png" class="msg-photo" alt="Fred&#39;s Avatar">
                                            <span class="msg-body">
                                                <span class="msg-title">
                                                    <span class="blue">Fred:</span>
                                                    Vestibulum id penatibus et auctor  ...
                                                </span>

                                                <span class="msg-time">
                                                    <i class="ace-icon fa fa-clock-o"></i>
                                                    <span>10:09 am</span>
                                                </span>
                                            </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li class="dropdown-footer">
                            <a href="http://ace.jeka.by/inbox.html">
                                See all messages
                                <i class="ace-icon fa fa-arrow-right"></i>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="light-blue dropdown-modal">
                    <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                        <img class="nav-user-photo" src="staticFile/avatars/user.jpg" alt="Jason&#39;s Photo">
                        <span class="user-info">
                            <!--<small>Welcome,</small>
                            Jason-->
                        </span>
                        <i class="ace-icon fa fa-caret-down"></i>
                    </a>

                    <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                        <li>
                            <a href="#">
                                <i class="ace-icon fa fa-cog"></i>设置
                            </a>
                        </li>

                        <li>
                            <a href="http://ace.jeka.by/profile.html">
                                <i class="ace-icon fa fa-user"></i>简介
                            </a>
                        </li>
                        <!--<li class="divider"></li>-->
                        <li>
                            <a id="userLogout" href="/login/logout">
                                <i class="ace-icon fa fa-power-off"></i>退出
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div><!-- /.navbar-container -->
</div>

<div class="main-container ace-save-state" id="main-container">
    <div id="sidebar" class="sidebar responsive ace-save-state" data-sidebar="true"
         data-sidebar-scroll="true" data-sidebar-hover="true">
        <script type="text/javascript">
            try {
                ace.settings.loadState('sidebar')
            } catch (e) {
            }
        </script>

        <div class="sidebar-shortcuts" id="sidebar-shortcuts">
            <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
                <button class="btn btn-success">
                    <i class="ace-icon fa fa-signal"></i>
                </button>
                <button class="btn btn-info">
                    <i class="ace-icon fa fa-pencil"></i>
                </button>
                <button class="btn btn-warning">
                    <i class="ace-icon fa fa-users"></i>
                </button>
                <button class="btn btn-danger">
                    <i class="ace-icon fa fa-cogs"></i>
                </button>
            </div>

            <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
                <span class="btn btn-success"></span>
                <span class="btn btn-info"></span>
                <span class="btn btn-warning"></span>
                <span class="btn btn-danger"></span>
            </div>
        </div><!-- /.sidebar-shortcuts -->
        <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
            <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state"
               data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
        </div>
        <!--左侧菜单栏-->
        <ul id="leftMenu" class="nav nav-list">

        </ul>
    </div>

    <div class="main-content">
        <div class="main-content-inner">
            <div class="page-content">
                <div class="ace-settings-container" id="ace-settings-container">
                    <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
                        <i class="ace-icon fa fa-cog bigger-130"></i>
                    </div>

                    <div class="ace-settings-box clearfix" id="ace-settings-box">
                        <div class="pull-left width-50">
                            <div class="ace-settings-item">
                                <div class="pull-left">
                                    <select id="skin-colorpicker" class="hide">
                                        <option data-skin="no-skin" value="#438EB9">#438EB9</option>
                                        <option data-skin="skin-1" value="#222A2D">#222A2D</option>
                                        <option data-skin="skin-2" value="#C6487E">#C6487E</option>
                                        <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
                                    </select>
                                </div>
                                <span>&nbsp; Choose Skin</span>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
                                       id="ace-settings-navbar" autocomplete="off">
                                <label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
                                       id="ace-settings-sidebar" autocomplete="off">
                                <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
                                       id="ace-settings-breadcrumbs" autocomplete="off">
                                <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl"
                                       autocomplete="off">
                                <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
                                       id="ace-settings-add-container" autocomplete="off">
                                <label class="lbl" for="ace-settings-add-container">
                                    Inside
                                    <b>.container</b>
                                </label>
                            </div>
                        </div><!-- /.pull-left -->

                        <div class="pull-left width-50">
                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover"
                                       autocomplete="off">
                                <label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact"
                                       autocomplete="off">
                                <label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
                            </div>

                            <div class="ace-settings-item">
                                <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight"
                                       autocomplete="off">
                                <label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
                            </div>
                        </div><!-- /.pull-left -->
                    </div><!-- /.ace-settings-box -->
                </div><!-- /.ace-settings-container -->
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <ul class="nav nav-tabs" id="tabList" role="tablist">
                            <li class="dropdown pull-right hide tabdrop tab-drop">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                    <i class="glyphicon glyphicon-align-justify"></i>
                                    <b class="caret"></b>
                                </a>
                                <ul class="dropdown-menu"></ul>
                            </li>
                            <li id="homeTab" class="active"><!--role="presentation"-->
                                <a aria-controls="home" data-toggle="tab" href="#" role="tab">
                                    主页
                                </a>
                            </li>
                        </ul>
                        <div id="mainFrame" class="row-fluid tab-content">
                            <div id="homeDiv"></div>
                            <!--<iframe class="main-frame" frameborder="0" src="test1.html"></iframe>-->
                        </div>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
</div><!-- /.main-container -->
<script src="staticFile/js/plugins/jquery/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=19a49e17b6eb9e0d69fa19de68cd27ed&plugin=AMap.Scale,AMap.OverView,AMap.ToolBar,AMap.Autocomplete,AMap.CitySearch,AMap.PlaceSearch,AMap.Geocoder"></script>
<script src="staticFile/js/bootstrap.min.js"></script>
<script src="staticFile/js/jquery-ui.custom.min.js"></script>
<script src="staticFile/js/jquery.ui.touch-punch.min.js"></script>
<script src="staticFile/js/jquery.easypiechart.min.js"></script>
<script src="staticFile/js/plugins/echarts/echarts.min.js"></script>
<script src="staticFile/js/plugins/echarts/echarts-extension-amap.min.js"></script>
<!-- ace scripts -->
<script src="staticFile/js/ace-elements.min.js"></script>
<script src="staticFile/js/ace.min.js"></script>
<script src="staticFile/js/bootstrap.addtabs.min.js"></script>
<script src="staticFile/js/common/commonUtil.js"></script>
<script type="text/javascript" src="/staticFile/js/header/headerIndex.js"></script>
</body>
</html>